<template>
  <div class="about">
    <h1 ref="aaa">This is an about page</h1>
    <h1>{{count}}</h1>
    <van-button type="primary" @click="greet" style="margin-right:10px">主要按钮</van-button>
    <van-button type="primary" @click="goback">返回</van-button>
  </div>
</template>
<script setup>
  import { test } from "@/api/index.js"
  import { ref,onMounted,reactive } from 'vue'
  import { useRoute,useRouter } from 'vue-router'
  const route = useRoute()
  const router = useRouter()
  const object = reactive({
    name:"jack",
    age:18,
    dept:['1',123],
  })
  let count = ref(0)
  test(object).then(res => {
    console.log(res)
  })
  function greet() {
    count.value++
  }
  function goback () {
    router.push({path:'/'})
  }
  console.log(object.age)
    defineExpose({ greet })
  // console.log(formDataSign2(object))
  // console.log(md5('aaa[object Object]age18dept["1",123]namejack'))
</script>


<script>
 export default {
  name:'about'
 }
</script>
